<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>绑卡</title>
</head>
<body th:style="'background-image: url(../img/02.png)'">

<div class="container">
    <div class="headtop">
        <span id="sp">电子账务系统</span>
        <div class="headName" style="margin-bottom: 0px">
            <span th:text="${userInfo.getName()}+'欢迎您！'"></span>
            <span th:if="${userInfo.getEId()!=null}">电子账户号是:</span><span th:text="${userInfo.getEId()}"></span>
        </div>

    </div>
    <div class="no">
        <span th:if="${userInfo.getEId()==null}">您还没有电子账户，<a href="/e/electronic-account/kaihu">点击去注册</a></span>
    </div>


<!--       <div class="detail" ></div>-->
<!--       <img src="/img/01.jpg">-->
<!--       <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fn.sinaimg.cn%2Fsinakd2020826s%2F599%2Fw600h799%2F20200826%2Fd0e9-iyhvyuz9575742.jpg&refer=http%3A%2F%2Fn.sinaimg.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1654525887&t=683f803b60d05119fe1d24a057c924d3" alt="">-->

    <div class="right" th:if="${userInfo.getEId()!=null}">
        <div class="money">
            您的账户余额：<span th:text="${eMoney}+'元'"></span>
        </div>
        <div style="float: left;margin-right: 20px;margin-bottom: 15px;">
            <form action="/e/tiecard" method="post">
                <input  type="submit" value="绑定银行卡" id="tiecard">
            </form>
            <form action="/e/user-operate/checkBankCard">
                <input type="submit" value="充值">
            </form>
        </div>
       <div style="float: left;margin-right: 20px;margin-bottom: 15px;">
           <form action="/e/user-operate/queryBankCard">
               <input type="submit" value="提现">
           </form>
           <form action="/e/flow/transferAccount">
               <input type="submit" value="转账">
           </form>
       </div>
        <div style="margin-left: 105px;margin-top: 155px;width: 80px;">
            <form action="/e/flow/getFlow" >
                <input type="submit" value="流水查询">
            </form>
        </div>

    </div>

</div>


</body>
</html>

<style type="text/css">
    body {
        /* 首先增加背景图 */
        background-size: 100% auto; /* 设置背景的大小 */
        /* 将背景设置为不重复显示 */
        background-image: url("../static/img/02.png");
    }

    .headtop {
        /*background-color: rgb(32, 160, 255);*/
        /*font-size: 25px;*/
        /*font-weight: 700;*/
        /*width: 100%;*/
        /*margin: 50px auto;*/
        /*border: 1px solid #DCDFE6;*/
        /*border-radius: 20px;*/
        /*padding: 20px;*/

        /*color:whitesmoke;*/
        text-align: center;
    }
    #sp{
        text-align: center;
        padding: 15px;
        color: black;
        font-size: 50px;
        line-height: 60px;
    }
    .headName{

        float: right;
        margin-bottom: 0px;
    }
    .no{

        height: 50px;
        margin-top: 5px;
        color: black;
    }
/*    .left{*/
/*        background: url("[[@{/}]]img/01.jpg");*/
/*margin-left: 80px;*/

/*        width:500px;*/
/*height: 760px;*/
/*        float: left;*/
/*    }*/
/*    .left img{*/
/*        width: 100%;*/
/*        height: 100%;*/
/*    }*/
    .right{
        margin-top: 85px;
        margin-left: 580px;
        width:800px;

    }
    .right .money{
        font-size: 25px;
        margin-left: 5px;

    }
    .right form{
        margin: 30px;

    }
    .right form input{
        background-color: rgb(32, 160, 255);
        color: white;
        width: 150px;
        border: none;
        text-align: left;
        padding: 0px;
        margin: 0px;
        line-height: 1.6;
        font-size: 25px;
        cursor:pointer;
        height: 45px;
        border-radius: 8px;
        text-align: center;
    }

</style>